<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preload" href="//at.alicdn.com/t/font_2649315_98mttb2ef1n.woff2" as="font" type="font/woff2"
        crossorigin="anonymous">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2649315_swz547l5olc.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>Document</title>
</head>

<body>
    <!-- 页头 -->
    <header>
        <!-- 大广告 -->
        <div class="banner">
            <video
                src="https://content.rolex.cn/dam/homepage/hss/watches/classic-watches/day-date/day-date-40/homepage-day-date-40-m228238-0042.mp4"
                muted loop autoplay>
            </video>
            <!-- 蒙板 -->
            <div class="mask"></div>
        </div>
        <!-- 导航栏 -->
        <nav>
            <!-- 导航栏顶部 -->
            <div class="nav-top">
                <!-- 菜单 -->
                <div class="menu">
                    <a href="">
                        <span class="iconfont icon-caidan"></span>
                        <span>选单</span>
                    </a>
                </div>
                <!-- 品牌 -->
                <div class="logo">
                    <a href=""></a>
                </div>
                <!-- 右边栏 -->
                <div class="rightBar">
                    <!-- 搜索 -->
                    <a href="" class="search">
                        <span class="iconfont icon-sousuo"></span>
                        <span>搜索</span>
                    </a>
                    <!-- 喜欢 -->
                    <a href="" class="inventory">
                        <span class="iconfont icon-xihuan"></span>
                        <span>您的腕表清单</span>
                    </a>
                </div>
            </div>
        </nav>
    </header>
    <section></section>
    <footer></footer>
</body>

</html>